import { defineStore } from 'pinia'
// useMain  可以是 useUser、useCart 之类的名字 
// defineStore('main',{..}) 在devtools 就使用 main 这个名
import { getInfo,getMenu } from '@/api/common'
export const useTokenStore = defineStore('token', {
    // 相当于data
    state: () => {
        return {
          // 所有这些属性都将自动推断其类型,如果推断失败可以试下 as xxx
            token:''
        }
    },
    // 相当于计算属性
    getters: {
        getToken: (state) => {
            return state.token
        },
    },
    // 相当于vuex的 mutation + action，可以同时写同步和异步的代码
    actions: {
        setToken(token:string) {
            this.token = token
            if(localStorage.getItem('token') != token){
                localStorage.setItem('token',token)
            }
            this.getInfo()
        },
        removeToken() {
            this.token = ''
            localStorage.removeItem('token')
        },
        getInfo(){
            // getInfo().then(res=>{
            //     console.log(res)
            // })
            console.log(123)
            getMenu().then(res=>{
                console.log(789,res)
            })
            console.log(456)
        },
        removeInfo(){

        }
    }
})